<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>DOM 操作事件</title>
</head>
<body>
    <input type="button" id="btn" value="点我">

</body>
<script>

    //element .onclick = 匿名函数  此方式 会覆盖 原来的事件
    //element.addEventListener("动作", 匿名函数); 多个事件 累加
    // document.getElementById("btn").onclick = function() {
    //     alert("按钮被点击了 第一次");
    // }
    //
    // document.getElementById("btn").onclick = function() {
    //     alert("按钮被点击了 第二次");
    // }
    document.getElementById("btn").addEventListener("click", function(){
        alert("按钮被点击了 第一次");
    });
    document.getElementById("btn").addEventListener("click", function(){
        alert("按钮被点击了 第二次");
    });

</script>
</html>